// pages/notice/notice.js
const app = getApp()
// var notices_list = require('../../data/notice/notice.js').notices_list
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // // 公告板块对应的数据和样式
    // function_btn: [
    //   {
    //     icon: 'icon-weibiaoti-',
    //     text: '全部公告',
    //     function: 0
    //   },
    //   {
    //     icon: 'icon-huodong',
    //     text: '社区活动',
    //     function: 1
    //   },
    //   {
    //     icon: 'icon-shuidian',
    //     text: '停水停电',
    //     function: 2
    //   },
    //   {
    //     icon: 'icon-chongwu1',
    //     text: '宠物管理',
    //     function: 3
    //   },
    //   // {
    //   //   icon: 'icon-dangjian-2',
    //   //   text: '社区党建',
    //   //   function: 4
    //   // },
    //   {
    //     icon: 'icon-police-full',
    //     text: '警务资讯',
    //     function: 4
    //   },
    //   {
    //     icon: 'icon-qita2',
    //     text: '其他公告',
    //     function: 5
    //   }
    // ],
    // 公告板块
    section_list: [],
    // 公告列表
    simple_notice_list: [],
    banner_notice_list: [],
    // 为不包含图片的置顶公告设置默认图片
    default_pic: 'https://z3.ax1x.com/2021/05/06/glipm4.jpg',
    // 显示公告列表
    visible_notices_list: []
  },

  // 获取公告板块信息
  getSections: function() {
    var section_dict_list = [
      {
        icon: 'icon-weibiaoti-',
        text: '全部公告',
        function: -1
      },
    ]
    var icon_list = ['icon-huodong', 'icon-shuidian', 'icon-chongwu1', 'icon-police-full', 'icon-qita2']
    app.sendGetRequest('/community/notice/section/list', (res) => {
      // console.log('公告板块', res)
      var data = res.data
      for (var i=0; i<data.length; i++){
        if(i<4){
          section_dict_list.push({
            icon: icon_list[i],
            text: data[i].sectionName,
            function: data[i].sectionId
          })
        }else{
          section_dict_list.push({
            icon: 'icon-qita2',
            text: data[i].sectionName,
            function: data[i].sectionId
          })
        }
      }
      this.setData({
        section_list: section_dict_list
      })
    }, (err) => {
      console.log(err.errMsg)
    })
  },

  // 获取所有公告
  getAllNotices: function() {
    app.sendGetRequest('/community/notice/preview_for_app', (res) => {
      console.log('社区公告', res)
      if(res.code == 200){
        var banner_notices = []
        var notices = []
        for(var i=0; i<res.data.length; i++){
          var row = res.data[i]
          notices.push(row)
          if(row.topStatus == 1){
            // if(row.picUrl == null){
            //   row.picUrl = this.data.default_pic
            // }
            banner_notices.push(row)
          }
        }
        this.setData({
          simple_notice_list: notices,
          banner_notice_list: banner_notices,
          visible_notices_list: notices
        })
      }
      
      // console.log('显示公告列表', notices)
      // console.log('置顶公告列表', banner_notices)
    }, (err) => {
      console.log(err.errMsg)
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getSections()
    this.getAllNotices()
  },

  onFunctionTap: function (e){
    var category = e.currentTarget.dataset.function
    // console.log(category)
    var v_notices_list = []
    var notices_list = this.data.simple_notice_list
    if(category==-1){
      this.setData({
        visible_notices_list: notices_list
      })
    }else{
      for(var i=0; i<notices_list.length; i++){
        if(notices_list[i].sectionId==category){
          v_notices_list.push(notices_list[i])
        }
      }
      this.setData({
        visible_notices_list: v_notices_list
      })
    }
  },

  onNoticeTap: function (e){
    var notice_id = e.currentTarget.dataset.notice_id
    wx.navigateTo({
      url: './single_notice/single_notice?id=' + notice_id,
    })
  }

})